<template>
  <div class="headMOBbanner"> 
    <div v-swiper:mySwiper="headMOBbanner">
        <div class="swiper-wrapper">
          <div class="swiper-slide" v-for="(item,index) in adlist" :key="index">
          <img :src="uploadurl+item.mainPhoto" :alt="item.title"/>
          </div>
        </div>
        <div class="swiper-pagination swiper-pagination-bullets headMOBbannerPagination"></div>
    </div>
    </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";

export default {
  name: "HomeBanner",
   props:["adlist"],
  data() {
    return {
      headMOBbanner: {
        loop: true,
        slidesPerView: "auto",
        centeredSlides: true,
        spaceBetween: 30,
        pagination: {
          el: ".headMOBbannerPagination"
        },
        on: {
          slideChange() {
            console.log("onSlideChangeEnd", this);
          },
          tap() {
            console.log("onTap", this);
          }
        }
      },
      newListS:[],
    };
  },
  methods: {
  },
  mounted () {
    this.uploadurl=this.comsys.uploadurl()
  } 
};
</script>

<style scoped>
</style>
